// 我的
.app_mine {
    background-color: #e8e8e8;
    width: 100%;
    // height: 100%;
    padding-bottom: 100px;

    >div {
        padding: 10px;
        background-color: #fff;
        margin-bottom: 20px;
    }

    // 用户名
    .userData {

        // 用户头像
        .user_img {
            width: 120px;
            height: 120px;
            border-radius: 50% 50%;
            vertical-align: middle;
            border: 1px solid #4294FF;
        }

        .user_name {
            font-size: 22px;
        }

        // 个性签名
        .signature {
            color: #8a8a8a;
            font-size: 18px;
            line-height: 40px;
        }
    }

    //运动数据
    .sportsData {
        .box1 {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;

            p {
                i {
                    color: #4294FF;
                    font-size: 18px;
                }
            }
        }

        .sportInfo {
            justify-content: space-between;

            // 本周消耗
            >div {
                flex: 1;
                flex-direction: column;
                justify-content: center;

                >p:first-child {
                    font-size: 16px;
                    color: #8A8A8A;
                    margin-bottom: 15px;
                }
            }

            .allsport {
                border-right: 1px dashed;
                margin-right: 15px;
            }

            .time,
            .prana {
                color: #4294FF;
                font-size: 35px;

                span {
                    color: #202020;
                    font-size: 12px;
                }
            }
        }
    }

    //运动徽章
    .sportsBadge {
        flex-direction: column;

        .text {
            p .iconfont {
                color: #4294FF;
                font-size: 18px;
            }

            justify-content: space-between;
        }

        // 徽章盒子
        .badge{
            margin: 15px 0;
            justify-content: space-between;
            >div{
                width: 100px;
                height: 100px;
                border: 1px solid #e8e8e8;
                border-radius: 50% 50%;
            }
            // 测试徽章
            .badge1{
                background: url(../imgs/mybadge03.jpg) center/cover no-repeat;
            }
            .badge2{
                background: url(../imgs/mybadge07.jpg) center/cover no-repeat;
            }
            .badge3{
                background: url(../imgs/mybadge08.jpg) center/cover no-repeat;
            }
        }
    }

    // 退出登录
    .logOut{
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        color: #4294FF;
        
    }

}